.top12Row {
    height: 40px;
    margin-top: 12px;
}

/*长输入框*/
.longInput {
    width: 280px;
    height: 40px;
    /*line-height: 40px;*/
    font-size: 12px;
    border-radius: 4px;
    border: 0;
    padding: 14px 12px;
    background: rgba(240, 244, 248, 1);
}

/*短输入框*/
.shortInput {
    width: 180px;
    height: 40px;
    /*line-height: 40px;*/
    font-size: 12px;
    border-radius: 4px;
    border: 0;
    padding: 12px 12px;
    background: rgba(240, 244, 248, 1);
}

/*输入框悬浮状态*/
.shortInput::-webkit-input-placeholder, .longInput::-webkit-input-placeholder {
    color: rgba(184, 197, 211, 1);
}

.inputError {
    background: rgba(255, 238, 238, 1);
}

.inputError:hover {
    background: rgba(255, 238, 238, 1) !important;
}

/*输入框错误状态*/
.inputError::-webkit-input-placeholder {
    color: rgba(255, 77, 79, 1);
}

/*输入框悬浮状态*/
.shortInput:hover, .longInput:hover {
    background: rgba(226, 233, 240, 1);
}

/*获取验证码按钮*/
.getVerifyCode {
    width: 88px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: rgba(240, 244, 248, 1);
    border-radius: 4px;
    display: inline-block;
    font-size: 12px;
    float: right;
    color: rgba(72, 85, 102, 1);
    cursor: pointer;
}

/*获取验证码禁用*/
.getVerifyCode.disabled {
    color: rgba(184, 197, 211, 1);
}

#imgCode {
    display: inline-block;
    width: 208px;
    height: 68px;
}

/*登录注册按钮*/
.btn {
    width: 280px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
}

/*微信图标*/
.wxIcon {
    display: inline-block;
    width: 36px;
    height: 36px;
    border-radius: 18px;
    background-size: 36px 36px;
    background: url(../img/login/wxIconDefault.svg) no-repeat 0 0;
}

.wxIcon:hover {
    background: url(../img/login/wxIconHover.svg) no-repeat 0 0;
}

.wxIcon:active {
    background: url(../img/login/wxIconActive.svg) no-repeat 0 0;
}

.wxIcon.disabled {
    background: url(../img/login/wxIconDisabled.svg) no-repeat 0 0;
}

/*可点击文本，默认灰色*/
.clickableText {
    color: rgba(72, 85, 102, 1);
    cursor: pointer;
}

.clickableText:hover {
    color: rgba(25, 125, 255, 1);
}

.clickableText:active {
    color: rgba(0, 100, 230, 1);
}

/*可点击文本，默认蓝色*/
.clickableTextBlue {
    color: rgba(0, 111, 255, 1);
    cursor: pointer;
}

.clickableTextBlue:hover {
    color: rgba(25, 125, 255, 1);
}

.clickableTextBlue:active {
    color: rgba(0, 100, 230, 1);
}

.backBtn {
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 19px;
    background-size: 20px 20px;
    background: url(../img/login/backBtnDefault.svg) no-repeat 0 0;
}

.backBtn:hover {
    background: url(../img/login/backBtnHover.svg) no-repeat 0 0;
}

.backBtn:active {
    background: url(../img/login/backBtnActive.svg) no-repeat 0 0;
}

.backBtn.disabled {
    background: url(../img/login/backBtnDisabled.svg) no-repeat 0 0;
}

/*消息提示*/
.toast {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    text-align: center;
    display: none;
    z-index: 999;
}

/*手动发送短信*/
.manualSendCode, .imgVerifyCode {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .6);
    text-align: center;
    font-size: 12px;
    color: rgba(72, 85, 102, 1);
    display: none;
    z-index: 998;
}

.msdContent {
    text-align: initial;
    width: 240px;
    height: 200px;
    background: #FFFFFF;
    margin-top: 64px;
    border-radius: 8px;
    display: inline-block;
}

.imgVContent {
    text-align: initial;
    width: 240px;
    height: 232px;
    background: #FFFFFF;
    margin-top: 64px;
    border-radius: 8px;
    display: inline-block;
}

.msdTitle, .imgVTitle {
    height: 16px;
    line-height: 16px;
    margin: 16px 0;
    text-align: center;
    position: relative;
}

#msdClose, #imgVClose {
    width: 12px;
    height: 12px;
    position: absolute;
    right: 16px;
    top: 0;
    background-size: 12px;
    background: url(../img/login/closeBtnDefault.svg) no-repeat 0;
}

#msdClose:hover, #imgVClose:hover {
    background: url(../img/login/closeBtnHover.svg) no-repeat 0;
}

#msdClose:active, #imgVClose:active {
    background: url(../img/login/closeBtnActive.svg) no-repeat 0;
}

#msdEntry {
    width: 120px;
    height: 32px;
    line-height: 32px;
    float: none;
}

.toastContent {
    display: inline-block;
    height: 42px;
    line-height: 42px;
    margin-top: 163px;
    padding: 0 16px;
    background: #FFFFFF;
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.16);
    border-radius: 4px;
}

#changeAgreementStatus {
    cursor: pointer;
}

* {
    font-size: 12px;
    box-sizing: border-box;
    user-select: none;
    -webkit-user-select: none;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
}

input {
    user-select: initial !important;
    -webkit-user-select: initial !important;
    outline: none;
}

/*验证码和密码登录*/
.codeAndPasswordLogin {
    display: inline-block;
    width: 320px;
    height: 100%;
    position: relative;
    margin: 0 130px;
}

.passwordContent, .codeLoginContent {
    padding: 0 20px;
    display: none;
}

/*标签页*/
.tabs {
    height: 58px;
    border-bottom: 1px solid rgba(240, 244, 248, 1);
    font-size: 16px;
    cursor: pointer;
}

/*标签*/
.tabsItem {
    position: relative;
    display: inline-block;
    width: 50%;
    float: left;
    height: 57px;
    line-height: 57px;
    text-align: center;
    border-bottom: 1px solid rgba(240, 244, 248, 1);
    color: rgba(72, 85, 102, 1);
}

/*当前选中标签*/
.tabsItem.activated {
    color: rgba(0, 111, 255, 1);
}

/*当前选中标签*/
.tabsItem.activated:after {
    content: '';
    display: inline-block;
    width: 40px;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: calc(50% - 20px);
    background: #006FFF;
}

/*注册账号*/
.registerAccount {
    display: none;
    width: 320px;
    height: 100%;
    position: relative;
    margin: 0 130px;
}

.acceptUserAgreement {
    display: inline-block;
    width: 12px;
    height: 12px;
    position: absolute;
    left: 0;
    top: 2px;
    background-size: 12px 12px;
}

.aUASelected {
    background: url(../img/login/selected.svg) no-repeat 0 0;
}

.aUAUnselected {
    background: url(../img/login/unselect.svg) no-repeat 0 0;
}

/*用户协议*/
.agreement {
    display: none;
    width: 100%;
    height: 368px;
    position: relative;
}

.agreementContent {
    padding: 0 12px;
    height: 300px;
    overflow-y: auto;
    display: none;
}

.agreementContent::-webkit-scrollbar {
    width: 4px;
}

.agreementContent::-webkit-scrollbar-track {
    background-color: rgba(240, 244, 248, 1);
}

.agreementContent::-webkit-scrollbar-thumb {
    background: #B8C5D3;
    border-radius: 2px;
}

/*忘记密码、重置密码、微信扫码、绑定手机号*/
.forgetPassword, .resetPassword, .wxCode, .bindPhone {
    display: none;
    width: 320px;
    height: 100%;
    position: relative;
    margin: 0 130px;
    overflow: hidden;
}

/*#wxLoginCode {*/
/*    position: absolute;*/
/*    top: 9px;*/
/*}*/
